<template>
	<view>
		<view class="title bk-white pd-v-xl">{{raceName}}</view>
		
		<view class="lay-c-c" v-for="(item, index) in buttons" :key="index">
			<view class="hspace-md" />
			<view class="bk-white round flex1 lay-c-c" @click="onTapBtn(item.name1)">
				<image class="logo" :src="item.logo1"></image>
				<view class="pd-l-md">{{item.name1}}</view>
			</view>
			<view class="hspace-md" />
			<view class="bk-white round flex1 lay-c-c" @click="onTapBtn(item.name2)">
				<image class="logo" :src="item.logo2"></image>
				<view class="pd-l-md">{{item.name2}}</view>
			</view>
			<view class="hspace-md" />
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				buttons: [{
					logo1: '',
					name1: '报名名单',
					logo2: '',
					name2: '比赛设置',
				},{
					logo1: '',
					name1: '成绩录入',
					logo2: '',
					name2: '抽签设置',
				},{
					logo1: '',
					name1: '重新发布',
					logo2: '',
					name2: '赛事编辑',
				}]
			}
		},
		methods: {
			onTapBtn(name) {
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import "@/leui.scss";
	
	page {
		height: 100%;
		background-color: #f5f5f5;
	}
	

</style>
